import ReactDOM from 'react-dom/client';
import App from './App.tsx';
import './index.css';

import 'virtual:svg-icons-register';
// import { HashRouter as Router } from 'react-router-dom';

// import VConsole from 'vconsole';
// new VConsole();

/**
 * root.render(<App />)：React 将会在 根节点 中显示 <App /> 组件，并且控制组件中的 DOM。
 * root.render(reactNode)：调用 root.render 以将一段 JSX（“React 节点”）在 React 的根节点中渲染为 DOM 节点并显示。
 */
ReactDOM.createRoot(document.getElementById('root')!).render(
  /**
   * 子组件调用的时候，会调用两次，注释了严格模式后，就只调用一次了
   * 在react渲染组件中  ， 初始化的index.tsx文件里，存在一个<React.StrictMode>标签，
   * 这个是react的一个用来突出显示应用程序中潜在问题的工具（严格模式）
   * 有一项检测意外的副作用，严格模式不能自动检测到你的副作用，但它可以帮助你发现它们，使它们更具确定性。通过故意重复调用以下函数来实现的该操作。
   * 注意：这仅适用于开发模式。生产模式下生命周期不会被调用两次。
   * 所以只需要把这个标签去掉就可以了
   * ————————————————
   * 原文链接：https://blog.csdn.net/xm1037782843/article/details/127378531
   */

  // <React.StrictMode>
  <App />
  // </React.StrictMode>
);
